@charset "utf-8";

/*banner*/
.banner{position: relative; height:688px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:688px;overflow: hidden;}
.ban_p li a{ display:block; height:688px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff;}
.ban_t em.on{background: #14c91d;}

.til01{text-align: center;color: #0088ce;font-size:34px;line-height:42px;font-family: "Microsoft Yahei";font-weight: normal;clear: both;display: block;height:97px;white-space: nowrap;background:url(../images/tilbg1.png) no-repeat center 17px;}
.til01 span{display: block;font-size:22px;color: #555;line-height:26px;}
.til01 em{display: block;font-size:14px;color: #c1c1c1;line-height:16px;letter-spacing: 3px;text-transform: uppercase;font-style: normal;}
.til01 a{color: #0088ce;}
.tec_p .til01{background:url(../images/tilbg2.png) no-repeat center 17px;color: #fff;}
.tec_p .til01 span,.tec_p .til01 a{color: #fff;}

/*搜索*/
.seabox{height:0;z-index: 11;}
.sea_ico{right: 0;top: -66px;background:url(../images/sea_ico.gif) no-repeat right 21px;width:40px;height: 130px;}
.sea_inp{width:324px;overflow: hidden; position: absolute;top: 66px;right:-20px;display: none;}
.sea_inp .serach{width:248px;height:40px;line-height:40px;color:#a7aaa3;float:left;outline: none;display: block;position: relative;background:#fff;padding:0 0 0 19px;border: 0;font-size: 14px;}
.sea_inp .sub{ width:56px; height:40px;border:0;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 16px 6px #0088ce;}
.sea_ico:hover .sea_inp{display: block;}

/*耀先环境*/
.webox{border-bottom: solid 1px #e5e5e5;padding: 50px 0 0;height: 169px;font-size: 16px;color: #666;font-family:"Microsoft Yahei";line-height: 42px;}
.webox_p{width: 353px;}
.webox_w{width:760px;border-left: solid 1px #d9d9d9;height: 122px;padding: 0 0 0 69px;white-space: nowrap;}
.webox_w h3{font-size: 24px;height:47px;font-weight: normal;color: #222;line-height: 47px;}
.webox_w p{height:42px;}
.webox_w span{display: block;text-align: right;}

/*合作*/
.part{font-family:"Microsoft Yahei";padding:58px 0 0;height:386px;line-height:36px;color: #fff;font-size: 16px;}
.part h2{height:55px;font-size: 22px;background:url(../images/line1.gif) no-repeat 272px 15px;font-size: 22px;line-height: 34px;}
.part h2 span{float: right;font-weight: normal;font-size: 12px;}
.part h2 span a{display: block;color: #333;}
.part h2 p{background:url(../images/ico01.gif) no-repeat 2px 4px;padding: 0 0 0 47px;}
.part h2 p a{display: block;color: #000;height: 272px;}
.part_c{border-left: solid 1px #dfdfdf;border-top: solid 1px #dfdfdf;height: 272px;}
.part_c ul{width: 1220px;}
.part_c li{width: 240px;float: left;height: 136px;position: relative;text-align: center;}
.part_c li img{width: 240px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-right: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;height: 136px;}
.part_c li span{width: 240px;height:0;position: absolute;left: 0;top: 0;background:url(../images/bg01.png) repeat;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.part_c li span a{display:none;color: #fff;margin: 42px 0 0;padding: 0 19px;border-bottom: solid 1px #fff;}
.part_c li.cur span,.part_c li:hover span{height: 136px;}
.part_c li.cur span a,.part_c li:hover span a{display: inline-block;}

/*产品中心*/
.probox{height:750px;font-family:"Microsoft Yahei";line-height:20px;position: relative;z-index:2;overflow: hidden;padding:65px 0 0;background:#f7f7f7;color: #666;}
.pro_nav{height:188px;line-height: 53px;}

.pro_nl{height: 53px;overflow: hidden;background: #fff;margin-bottom: 1px;font-size: 16px;}
.pro_nl h4{font-size: 18px;line-height:53px;background:#0088ce;padding:0 0 0 32px;float: left;width: 143px;}
.pro_nl h4 a{display: block;color: #fff;}
.pro_nl ul{float: left;display: block;padding:0 0 0 36px;width: 988px;}
.pro_nl li{float: left;}
.pro_nl li a{display: block;color: #333;padding:0 45px 0 16px;background:url(../images/ico08.gif) no-repeat 0 24px;}

.pro_list{height: 460px;position: relative;}
.prev1,.next1{width:22px;height:39px;display: block;right:-42px;top:96px;z-index: 2;}
.prev1{left:-42px;}

.pro_c{width:1200px;height:450px;overflow: hidden;text-align: center;}
.pro_lc{border-left: solid 1px #d6d6d6;}
.pro_lc dl{width:291px;height:370px;background: #fff;padding: 5px 4px 0;border: solid 1px #d6d6d6;float: left;border-left: 0;margin-bottom: 20px;}
.pro_lc dl:nth-child(1){border-left: solid 1px #d6d6d6;}
.pro_lc dt,.pro_lc dt img{width:291px;height:218px;display: block;overflow: hidden;}
.pro_lc dd{display: block;padding:13px 30px 0;line-height: 20px;color: #666;position: relative;height: 138px;}
.pro_lc dd h4{color: #0088ce;font-size:18px;line-height:46px;height:46px;background:url(../images/line3.gif) no-repeat center bottom;margin-bottom: 9px;}
.pro_lc dd h4 a{color: #0088ce;}
.pro_lc dd .pro_lw{height:65px;overflow: hidden;}
.more01{width: 128px;height:35px;line-height:35px;background:url(../images/icobg1.gif) no-repeat center 0;text-align: center;color: #666;display: block;font-size: 14px;position: absolute;bottom: -17px;left: 82px;}
.more01 a{display: block;color: #666;}

.pro_list ul{width: 960px;}
.pro_list li{position: relative;overflow: hidden;margin:0 6px 0 0;float: left;width: 310px;}
.pro_list li img{width:308px;height:230px;display: block;overflow: hidden;border: solid 1px #d2d2d2;}
.pro_list li p{display: block;line-height:24px;background: #c4c4c4;padding: 22px 13px 0 24px;height: 63px;}
.pro_list li span{display: block;float: left;width: 144px;color: #7c7c7c;line-height:16px;font-size: 12px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list li span a{font-size: 20px;line-height:22px;color: #000;display: block;}
.pro_list li b{margin: ;}

/*案例*/
.case{height:652px;font-family: "Microsoft Yahei";line-height:28px;overflow: hidden;padding:56px 0 0;}
.casetil{width: 282px;}
.casetil li,.casetil div.caset5{height:95px;line-height:54px;margin-bottom:7px;font-size: 18px;background:url(../images/caselbg.gif) no-repeat right 0;border-left: solid 4px #e3e3e3;}
.casetil li a,.casetil div.caset5 a{display: block;color: #000;}
.casetil li p,.casetil div.caset5 p{width:170px;float: left;padding: 26px 0 0;font-weight: bold;color: #3a3a3a;line-height: 26px;}
.casetil li p em,.casetil div.caset5 p em{display: block;font-style: normal;color: #bcbcbc;font-size:12px;font-family: Arial;text-transform: uppercase;font-weight: normal;}
.casetil li span,.casetil div.caset5 span{width:42px;height:43px;position: relative;display: block;margin: 26px 23px 0 34px;float: left;overflow: hidden;}
.casetil li span i,.casetil div.caset5 span i{width:42px;height:43px;position: absolute;display: block;top: 0;left: 0;}
.casetil div.caset5 span i{background:url(../images/case_ico5.png) no-repeat 0 0;}
.casetil li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.casetil li span i.hover{background-position: -90px 0;opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.casetil li.cur{background:url(../images/ico02.gif) no-repeat 277px 29px #0088ce;border-left-color: #146eac;color: #fff;width: 380px;position: relative;z-index: 4;}
.casetil li.cur p{color: #fff;}
.casetil li.cur p em{color: #d4e5f3;}
.casetil li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.casetil li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.case_c,.case_cl dl,.case_cl dt img,.case_cl dt{width:894px;overflow: hidden;height:502px;}
.case_cl dl{position: relative;}
.case_cl dd{width:814px;height:81px;background:rgba(0 , 0 , 0 , 0.75);color: #fff;padding:13px 40px 0;position: absolute;left: 0;bottom: 0;}
.case_cl dd p{width:680px;float: left;padding:8px 0 0;}
.more02{width: 70px;height:60px;line-height: 24px;font-weight: bold;text-align: center;padding: 11px 0 0;background:url(../images/more02.png) no-repeat 0 0;display: block;}
.more02 a{display: block;color: #fff;}

/*优势*/
.edge{background:url(../images/edgebg2.jpg) no-repeat center bottom;font-family:"Microsoft Yahei";font-size:16px;color: #555;position: relative;line-height:23px;z-index: 1;}
.edge_bg{background:url(../images/edgebg1.jpg) no-repeat center 0;}
.edge h2{height:203px;text-align: center;padding:84px 0 0 160px;}
.edge1{height: 692px;}
.edge2{height: 672px;padding: 86px 0 0;}
.edge_w{width:603px;}
.edge_wc{background:url(../images/edge_tbg.gif) no-repeat 0 0;padding: 61px 0 0;height:231px;}
.edge_wc h3{height:82px;line-height: 82px;font-size: 36px;color: #111;margin-bottom:45px;}
.edge_wc h3 span{width:99px;float: left;color: #fff;font-weight: normal;font-family: Impact;font-size: 44px;text-align: center;padding: 0 30px 0 0;}
.edge_wc li{background:url(../images/ico03.gif) no-repeat 23px 6px;padding: 0 0 13px 47px;}
.edge_wc li em{font-style: normal;font-weight: bold;color: #0088ce;}

/*流程*/
.tec_p{background:url(../images/tecbg.jpg) no-repeat center 0;font-family:"Microsoft Yahei";color: #fff;position: relative;line-height:23px;padding: 73px 0 0;height: 455px;text-align: center;}
.tec_pc dl{width:186px;float: left;height: 235px;padding: 0 44px 0 0;background:url(../images/ico04.png) no-repeat right 48px;margin: 0 22px 0 0;}
.tec_pc dl.born{background:none;margin: 0;padding: 0;}
.tec_pc dt{width:130px;height: 98px;display: block;padding: 32px 0 0;background:url(../images/teclbg2.png) no-repeat center 0;font-size: 20px;line-height: 28px;margin: 0 auto 18px;}
.tec_pc dt em,.tec_pc dt b{display: block;}
.tec_pc dl.tec_l1 dt{background:url(../images/teclbg4.png) no-repeat center 0;}
.tec_pc dl.tec_l2 dt{background:url(../images/teclbg3.png) no-repeat center 0;}
.tec_pc dl:hover dt{background:url(../images/teclbg1.png) no-repeat center 0;}
.tec_pho{display: block;height: 42px;line-height: 42px;clear: both;}
.tec_pho span{display: inline-block;padding: 0 0 0 57px;background:url(../images/c_pho.png) no-repeat 0 0;}
.tec_pho span b{font-family: Impact;font-size: 30px;color: #00bd09;font-weight: normal;}

/*资讯*/
.newbox{line-height:21px;height:745px;font-family:"Microsoft Yahei";overflow:hidden;padding:70px 0 0;background: #f7f7f7;}
.new1,.new2{width:504px;overflow: hidden;height:582px;background: #fff;border: solid 1px #dbdbdb;}
.new2{width:693px;border-right: 0;}
.newtil{height:55px;line-height:55px;font-size:18px;color: #333;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;padding: 0 30px;}
.newtil a{color: #333;display: block;}
.more03 a{font-weight: normal;display: inline-block;color: #888;font-size: 12px;}

.new_c dl{display: block;height:387px;background:url(../images/line4.gif) no-repeat 100px bottom;overflow: hidden;margin-bottom:22px;}
.new_c dt{display: block;height:273px;}
.new_c dt span{float: left;width: 81px;height: 81px;background: #0088ce;color: #fff;font-size: 14px;line-height: 18px;margin: 0 19px 0 0;text-align: center;}
.new_c dt span em{display: block;font-style: normal;font-family: Impact;font-size: 30px;line-height: 30px;padding: 16px 0 0;}
.new_c dt p,.new_c dt p img{width:546px;height: 273px;display: block;float: left;overflow: hidden;}
.new_c dd{display: block;padding: 0 100px;}
.new_c dd h3{display: block;font-weight: normal;height: 45px;line-height: 45px;font-size: 16px;}
.new_c dd h3 a{display: block;color: #222;}
.new_c ul{padding: 0 46px 0 100px;display: block;clear: both;}
.new_c li{line-height:22px;height:22px;padding: 0 0 0 19px;background:url(../images/ico08.gif) no-repeat 0 8px;}
.new_c li span{float: right;}

.new_l{padding: 0 30px;height: 468px;overflow: hidden;}
.new_l dl{height:100px;margin-bottom: 26px;border-bottom: dashed 1px #d7d9db;}
.new_l dt{height:31px;display: block;overflow: hidden;line-height: 30px;padding: 0 0 0 46px;font-size: 16px;background:url(../images/faq_w.gif) no-repeat 0 0;}
.new_l dt a{display: block;color: #222;}
.new_l dd{background:url(../images/faq_d.gif) no-repeat 0 0;padding: 6px 0 0 46px;}

/*荣誉资质*/
.honner{width: 224px;height: 224px;left: 24px;top:280px;}
.honner h2{height: 42px;line-height: 26px;font-weight: normal;font-size: 18px;color: #fff;background:url(../images/line2.png) no-repeat right 12px;}
.honner h2 a{padding: 0 0 0 19px;background:url(../images/ico07.gif) no-repeat 1px 5px;}
.honner_c li img{width: 224px;height: 168px;display: block;}
.honner_c li span{display: block;text-align: center;line-height: 36px;}

/*关于*/
.about{line-height:24px;height:563px;background:url(../images/aboutbg.gif) no-repeat 0 0;margin: 77px 0 80px;}
.aboutil{width: 240px;padding: 74px 0 0 30px;font-size: 24px;line-height: 68px;color: #fff;}
.aboutil a,.honner h2 a,.honner_c li span a{color: #fff;display: block;}
.aboutil span{display: block;font-family: Arial;line-height: 30px;text-transform: uppercase;}
.about_c{width: 926px;}
.about_p,.about_p img{width:926px;height:440px;display: block;overflow: hidden;}
.about_w{display: block;position: relative;border: solid 1px #dbdbdb;border-top: 0; padding:24px 35px 0;height: 98px;}
.about_w span{width: 58px;line-height: 22px;position: absolute;bottom: 0;right: 0;}
.about_w p{height:242px;overflow: hidden;}

/*友情链接*/
.link{height:59px;line-height:59px;background: #181c20;color: #929394;}
.link span{width:82px;float: left;display: block;}
.link p{width:1118px;float: left;white-space: nowrap;overflow: hidden;}
.link a{padding: 0 29px 0 0;display: inline-block;color: #929394;}